<div class="boxDlg400" >
	<div class="headerTitle">
    	<h3>Chỉnh sửa ảnh đại diện</h3>
        <span><a href="javascript:closeUI();"><img src="{$smarty.const.HOST_STATICS}img/btn/close.png" width="10" height="10" alt="Close dialog" border="0"/></a></span>
    </div>
    <div class="dlg400Item">
    	<div class="avatarCrop">
        	<div class="bdLimit">
    			{image userid=$AppUI->id type=1 attr="id=\"draggable\" height=\"$intHeight\""}
            </div>
            <ul>
            	<li>Bạn vui lòng nhấn giữ chuột trái và di chuyển ảnh đến vị trị mong muốn</li>
                <li>Chúng tôi sẽ tiến hành lưu trữ và tạo ảnh mới khi bạn thả chuột.</li>
                <li>Sau khi chỉnh sửa ảnh xong, bạn vui lòng nhấn vào nút <a href="javascript:closeUI();">[x]</a> để đóng cửa sổ này.</li>
            </ul>
       	</div>
    </div>
</div>

<script type="text/javascript" language="javascript" src="{$smarty.const.HOST_STATICS}js/language/common.js?{$smarty.const.JS_UPDATE}"></script>
<script type="text/javascript" language="javascript" src="{$smarty.const.HOST_STATICS}js/ddrop/jquery-ui.min.js?{$smarty.const.JS_UPDATE}"></script>
<script type="text/javascript" language="javascript" src="{$smarty.const.HOST_STATICS}js/account/avatar-drappable.js"></script>